<div class="search-panel">
    <div class="search-inner d-flex align-items-center justify-content-center">
        <div class="close-btn">Close <i class="fa fa-close"></i></div>
        <form id="searchForm" action="#">
            <div class="form-group">
                <input type="search" name="search" placeholder="What are you searching for...">
                <button type="submit" class="submit">Search</button>
            </div>
        </form>
    </div>
</div>
<div class="container-fluid d-flex align-items-center justify-content-between" id="navbarVue">
    <div class="navbar-header">
        <!-- Navbar Header--><a href="home.html" class="navbar-brand">
        <div class="brand-text brand-big visible text-uppercase"><strong class="text-primary">小标</strong><strong>会议平台</strong></div>
        <div class="brand-text brand-sm"><strong class="text-primary">X</strong><strong>B</strong></div></a>
        <!-- Sidebar Toggle Btn-->
        <button class="sidebar-toggle"><i class="fa fa-long-arrow-left"></i></button>
    </div>
    <div class="right-menu list-inline no-margin-bottom">
        <!-- Log out -->
        <div class="list-inline-item logout">
            <a id="logout" href="javascript:void(0);" @click="logout" class="nav-link"><span class="d-none d-sm-inline">Logout </span></a>
        </div>
    </div>
</div>
<script>
    let vue = new Vue({
        el:'#navbarVue',
        data:{

        },
        methods:{
            logout:function () {
                location.href = 'logout';
            }
        },
        created:function () {
        }
    })
</script>